<template>
    <div class="select-box">
      <a-space>
        <a-select v-model:value="result" popupClassName="custom-select" style="width: 100px;" placeholder="全部类型"  >
          <a-select-option value="全部类型">全部类型</a-select-option>
          <a-select-option value="阈值类">阈值类</a-select-option>
          <a-select-option value="离线类">离线类</a-select-option>
          <a-select-option value="故障类">故障类</a-select-option>
        </a-select>
      </a-space>
      <a-input-search
        placeholder="搜索事件"
        style="width: 200px"
        v-model:value="search"
      />
    </div>
  </template>
  <script setup>
  import {ref,watchEffect} from 'vue'
  import emitter from '../../untils/evebtBus';
  
  const result = ref('全部类型')
  
  watchEffect(()=>{
    emitter.emit("changeType",result.value);
  })
  
  
  const search = ref('');
  
  watchEffect(()=>{
    emitter.emit("changePos",search.value);
  })
  
  
  
  
  </script>
  <style>
.select-box{
  width: 90%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

 </style>